<!--
  完成详情页面
  点击订单信息页面状态为在产的条目进入该页面
-->
<ion-header>
  <ion-navbar>
    <ion-title>
      完成详情
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <div #EchartsContent class="EchartsDiv"></div>
  <ion-grid class="summary">
    <ion-row>
      <ion-col col-4>
        <div text-center class="title">总&nbsp;&nbsp;&nbsp;&nbsp;数</div>
        <div text-center class="desc">{{this.total}}</div>
      </ion-col>
      <ion-col col-4>
        <div text-center class="title">合格数</div>
        <div text-center class="desc">{{this.qualification}}</div>
      </ion-col>
      <ion-col col-4>
        <div text-center class="title">废品数</div>
        <div text-center class="desc">{{this.scraps}}</div>
      </ion-col>
    </ion-row>
  </ion-grid>
  <ion-list>
    <ion-grid>
      <ion-item *ngFor="let list of productList">
        <ion-row>
          <ion-col col-3>批&nbsp;&nbsp;&nbsp;&nbsp;号</ion-col>
          <ion-col col-9 class="fontcolor">{{list.partialNum}}&nbsp;({{list.partialStatusName}})</ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-3>总&nbsp;&nbsp;&nbsp;&nbsp;数</ion-col>
          <ion-col col-9 class="fontcolor">{{list.partialCount}}</ion-col>
        </ion-row>
        <ion-row>
          <ion-col col-3>合格数</ion-col>
          <ion-col col-9 class="fontcolor">{{list.completeQualifiedCnt}}</ion-col>
        </ion-row>
      </ion-item>
    </ion-grid>
  </ion-list>
</ion-content>